﻿<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<qlqa.Models.LogOnModel>" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>
        Đăng nhập phần mềm
    </title>
    <!-- Font CSS  -->
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans:400,600,700" />
    <style type="text/css">
        @font-face {
            font-family: 'Open Sans';
            font-style: normal;
            font-weight: 400;
            src: local('Open Sans'), local('OpenSans'), url(/Content/fonts/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
        }

        @font-face {
            font-family: 'Open Sans';
            font-style: normal;
            font-weight: 600;
            src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(/Content/fonts/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
        }

        @font-face {
            font-family: 'Open Sans';
            font-style: normal;
            font-weight: 700;
            src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/Content/fonts/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
        }
    </style>
    <!-- Core CSS  -->
    <link href="../../Content/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <%--<link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" />--%>
    <link rel="stylesheet" type="text/css" href="../../Content/styles/font-awesome.min.css"/>
    <link rel="stylesheet" type="text/css" href="../../Content/fonts/glyphicons_pro/glyphicons.min.css" />
    <link href="../../Content/css/jquery-ui.css" rel="stylesheet" type="text/css" />
    <!-- Plugin CSS -->
    <link rel="stylesheet" type="text/css" href="../../Content/vendor/plugins/datatables/css/datatables.min.css" />
    <link rel="stylesheet" type="text/css" href="../../Content/vendor/editors/xeditable/css/bootstrap-editable.css" />
    <!-- Theme CSS -->
    <link rel="stylesheet" type="text/css" href="../../Content/css/theme.css" />
    <link rel="stylesheet" type="text/css" href="../../Content/css/pages.css" />
    <link rel="stylesheet" type="text/css" href="../../Content/css/plugins.css" />
    <link rel="stylesheet" type="text/css" href="../../Content/css/responsive.css" />
    <!-- Demonstration CSS -->
    <link rel="stylesheet" type="text/css" href="../../Content/css/demo.css" />
    <!-- Your Custom CSS -->
  
    <!-- Favicon -->
    <link rel="shortcut icon" href="../../Content/img/favicon.ico" />
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <%--<![if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]>--%>
    <!--[if lt IE 9]>
        <script src="../../Content/scripts/html5shiv.js"></script>
        <script src="../../Content/scripts/respond.min.js"></script>
    <![endif]-->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>

<body class="login-page">
    <!-- Start: Main -->
    <div id="main">
        <div class="container">
            <div class="row">
                <div class="panel">
                    <div class="panel-heading" style="height: auto;">
                        <div class="panel-title"> <i class="fa fa-lock"></i> Đăng nhập </div>
         
                        <form method="post" id="altForm" class="cmxform">
                            <div class="panel-body">
                                <div class="login-avatar">
                                    <% if (!string.IsNullOrEmpty(Model.Message))
                                       {
                                           %>
                                           <div class="alert alert-danger alert-dismissable">
                                            <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
                                            <%= Model.Message %> </div>
                                           <%
                                       } %>   
                                </div>
                                <div class="form-group">
                                    <div class="input-group"> <span class="input-group-addon"><i class="fa fa-user"></i> </span>
                                        <input type="text" name="Username" placeholder="User Name" autocomplete="off" maxlength="10" class="form-control phone">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="input-group"> <span class="input-group-addon"><i class="fa fa-key"></i> </span>
                                        <input type="password" name="Password" placeholder="Password" autocomplete="off"  class="form-control product">
                                    </div>
                                </div>
                            </div>
                            <div class="panel-footer">
                                <div class="form-group margin-bottom-none">
                                    <input type="submit" id="btnLogon" value="Đăng nhập" class="btn btn-primary pull-right">
                                    <div class="clearfix"></div>
                                    <div style="border-bottom: 1px dashed #ddd;margin-top: 15px;"> </div>
                                    <table class="table border-none" style="width: 100%;font-size:0.8em;">
                                        <tr>
                                            <td style="text-align: center">
                                                <i>&copy;2014 Trần Khắc Vinh - Võ Hải Đăng</i><br/> 
                                                <i>tranvinh.cntt@gmail.com - haidang1505@gmail.com</i>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End: Main --> 
    <!-- Core Javascript - via CDN -->
    <script src="../../Content/scripts/jquery.min.js" type="text/javascript"></script>
    <script src="../../Content/scripts/jquery-ui.min.js"
            type="text/javascript"></script>
    <script src="../../Content/scripts/bootstrap.min.js"
            type="text/javascript"></script>
    <!-- Plugins - Via CDN -->
    <%--  <script type="text/javascript" src="../../Content/scripts/jquery.dataTables.min.js"></script>--%>
    <!--<script type="text/javascript" src="vendor/plugins/datatables/jquery.dataTables.min.js"></script> Local Option -->
    <!-- Plugins -->
    <%--  <script type="text/javascript" src="../../Content/vendor/plugins/datatables/js/datatables.js"></script>--%>
    <!-- Datatable Bootstrap Addon -->
    <script type="text/javascript" src="../../Content/vendor/editors/xeditable/js/bootstrap-editable.js"></script>
    <script type="text/javascript" src="../../Content/vendor/plugins/chosen/chosen.jquery.min.js"></script>
    <!-- Datatable Bootstrap Addon -->
    <!-- Theme Javascript -->
    <script type="text/javascript" src="../../Content/js/uniform.min.js"></script>
    <script type="text/javascript" src="../../Content/js/main.js"></script>
    <!-- Your Custom Js -->
    <script type="text/javascript">

        jQuery(document).ready(function() {

            // Init Theme Core 	  
            Core.init();

            $("#btnLogon").click(function() {
                document.forms["altForm"].action = '/Account/LogOn/';
                document.forms["altForm"].method = "post";
                document.forms["altForm"].submit();
            });
        });

    </script>
</body>

